<template>
  <div class="child">
        <!-- 儿子渲染父亲的数据 -->
        <ul>
          <li v-for="(user,index) in list" :key="user.id">
              <!--子组件显示数据的结构:子组件自己说了不算 -->
              <!-- 作用域插槽：底下的写法，作用域插槽的写法，子组件把数据回传给父组件！！！ -->
              <!-- 底下:user="user",千万别理解为props，这不是props，就是作用于插槽的语法 -->
              <!-- 把子组件的数据回传给父组件！！！！ -->
              <slot :user="user"></slot>
          </li>
        </ul>
  </div>
</template>

<script>
export default {
  name: '',
  props:['list']
}
</script>

<style scoped>
    .child{
      width: 400px;
      height: 400px;
      background: #eee;
      margin: 20px auto;
    }
</style>
